<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <title>Battery Level</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
   
    <link rel="stylesheet" href="../assets/css/Battery_Level.css">
  </head>
  <body>
      <section class="sec">
          <div class="toggle"></div>
          <div class="box">
              <div class="content">
                  <h3>Battery</h3>
                  <div class="batteryShape">
                      <div class="level">
                          <div class="percentage"></div>
                      </div>
                  </div>
                  <div class="percent">50%</div>
              </div>
          </div>
      </section>

      <script src="../assets/js/Battery_Level.js"></script>
</html>
  
  

  
  
